#introblock {
    width: 70%;
    height: auto;
    padding: 20px;
    margin: auto;
}

#introtitle {
    position: relative;
    width: 100%;
    margin: auto;
    margin-top: 100px;
    padding-left: 10%; 
    font-size: 180%;
    font-weight: bolder;

}

#introtext {
    position: relative;
    width: auto;
    margin: auto;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 120%;
}

#startbutton {
    width: 20%;
    text-align: center;
    padding: 20px;
    margin: auto;
    font-size: 150%;
    background-color: #1f2838;
    color: white;
    border-radius: 30px;
    transition: 1s;
}

#startbutton:hover {
    width: 22%;
    padding: 25px;
    border-radius: 35px;
}

#underline {
    width: 0%;
    height: 6px;
    border-radius: 3px;
    background-color: white;
    margin-top: 5px;
    margin: auto;
    transition: 1s;
}


#testbox {
    width: 70%;
    margin: auto;
    min-height: 400px;
    background-color: #d9d7cc;
    margin-top: 100px;
    border-radius: 100px;
    height: auto;
    padding: 25px;
    transition: 1.5s;
}

#checkbox1, #checkbox2, #checkbox3, #checkbox4 {
    width: 80%;
    height: 100px;
    border-radius: 50px;
    background-color: #b69d74;
    margin: auto;
    margin-top: 25px;
    transition: 1s;

}

#checkbox1:hover, #checkbox2:hover, #checkbox3:hover, #checkbox4:hover{
    width: 90%;
    height: 120px;
    border-radius: 60px;
}

#checkbox4 {
    margin-bottom: 25px;
}

#submitimg {
    height: 60px;
    width: auto;
    margin: auto;
    scale: 0.7;
    transition: 0.5s;
}

#submitbtn {
    margin: auto;
    margin-top: 20px;
    width: 60px;
    align-content: center;
    background-color: #d9d7cc;
    border-radius: 30px;
    transition: 0.5s;
}

#submitbtn:hover {
    cursor: pointer;
}

#checkbox1, #checkbox2, #checkbox3, #checkbox4 {
    color: black;
    font-size: 2rem;
    text-align: center;
    padding: 25px;

}

#checkbox1:hover, #checkbox2:hover, #checkbox3:hover, #checkbox4:hover {
    cursor: pointer;
}


#resultsbox {
    width: 80%;
    height: 400px;
    border-radius: 50px;
    background-color: #b69d74;
    margin: auto;
    margin-top: 25px;
    transition: 1s;
    padding: 16px;
}

#rline1, #rline2, #rline3, #rline4 {
    height: 60px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #1f283883;
    border-radius: 40px;
    margin-top: 32px;
    font-size: medium;
    text-align: left;
    transition: 2s;
}

#line1percentage, #line2percentage, #line3percentage, #line4percentage {
    background-color: #1f2838;
    height: 45px;
    border-radius: 40px;
    transition: 2s;
    width: 0%;
    font-size: xx-large;
    text-align: center;
    color: white;
    padding-top: 15px;
}

#printer1 {
    margin-left: 40px;
}